Top 15 Innovative JavaScript Auto Slideshow Examples
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Video auto recognition from sites.Advanced JavaScript API considered.Developed with pure object oriented JavaScript
“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Auto delay slideshow, hove to pause. Un-minified javascript, FAQ are include in the source package.
Auto does not affect images. For example you can constrain width to height ratio of grid cells so that they’re always square, auto or custom fixed height.
Auto Calculated holder container Size depending on Banner and Thumnail sizes
Auto slider Option
You just need to know little HTML and Javascript.
Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’
Lightbox with slideshow (play, pause, auto-play)
Deactivate and Activate Features through Javascript Options
The main goal of FilterSlider is to manipulate images and HTML slider jQuery using canvas, jQuery library and Javascript. Powerfull API : init, destroy, next item, previous item, jump to item, stop auto, resume auto, action on each slide
Auto delay slideshow, paused when user hover the image. FAQ and uncompressed javascript files are included in the source package.slideShow: false, // auto delay slideshow
slideShowDelay: 4000 // the delay second of the slideshow
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Horizontal/vertical drag by auto detect
Jssor jQuery slider auto scroll detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation. Javascript code deep compression by smart compression engine
Auto slideshow with optional pause on hover
You just need to know little HTML and Javascript. Proportional Dragging – Auto Roll Further / Roll Back Animation
Auto slideshow and loop. Coded in object oriented JavaScript. (Minified JavaScript file)
(Non-minified JavaScript source code)
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Horizontal/vertical drag by auto detect
Jssor jQuery content slider auto scroll detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation. Javascript code deep compression by smart compression engine
Auto slideshow with optional pause on hover